<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>sentox-ComboTree</title>
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/easyui.css" />
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/font-awesome.min.css">

		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	</head>

	<body style="margin:10px;">
		<h2>Basic ComboTree</h2>
		<p>Click the right arrow button to show the tree panel.</p>
		<div style="margin:20px 0"></div>
		<input class="easyui-combotree" data-options="url:'../json/tree_data1-ComboTree.json',method:'get',required:true" style="width:200px;">
	 
		<!----------------------------------------------------------------------------------------------------------------------------->
		<h2>Multiple ComboTree</h2>
		<p>Click the right arrow button to show the tree panel and select multiple nodes.</p>
		<div style="margin:20px 0">
			<span>Cascade Check: </span>
			<input type="checkbox" checked onclick="$('#cc').combotree({cascadeCheck:$(this).is(':checked')})">
		</div>
		<select id="cc" class="easyui-combotree" data-options="url:'../json/tree_data1-ComboTree.json',method:'get'" multiple style="width:200px;"></select>
	 
		<!----------------------------------------------------------------------------------------------------------------------------->
	</body>

</html>